<div class="defSimpleTpl actived-card xq-card-bottom-bg" >
	<div class="img-content">
		<img crossorigin="anonymous" pre-view-ele :src="getImage(tplData.img,'defSimple-card-main-img')" id='defSimple-card-main-img'>
	</div>
	<div class="title-content">
		<div pre-view-ele v-html="handleTitle(tplData.title)" class="title-info"></div>
		<div pre-view-ele v-html="tplData.writer" class="writer-info"></div>
	</div>
	<div class="text-content">
		<div pre-view-ele v-html="handleContent(tplData.contentText)" class="content-info"></div>
	</div>
	<!-- <img src='../images/card-little-bg001.png' class="xq-bg-like"/> -->
</div>
<style>
	.defSimpleTpl{
		min-height: 100%;
		flex-direction: column;
		justify-content: space-around;
		border-radius: 0px;
		text-align: center;
		transition: 0.7s;
		background-repeat: repeat, repeat-x;
		background-position: 0px 0px, 0px -40px;
		background-size: auto, auto 1.5rem;
		background-color: white;
		border: 8px solid #f3f2f2;
	}
	.defSimpleTpl .img-content{
		text-align: center;
	}
	.defSimpleTpl .img-content img{
		width: 100%;
		/* height: 300px; */
	}
	.defSimpleTpl .text-content textarea{
		background-color: transparent;
		border: none;
		text-align: center;
		border: 1px dashed lightgray;
	}
	.defSimpleTpl .text-content .content-info{
		background-color: transparent;
		border: none;
		text-align: center;
		min-height: 100px;
		font-family: "hanyikaitijinan";
		font-size: 1.2rem;
		line-height: 1.3em;
		height: 100%;
		padding: 8px;
	}
	.defSimpleTpl .title-content input{
		background-color: transparent;
		border: none;
		text-align: center;
		border: 1px dashed lightgray;
	}
	
	.defSimpleTpl .title-content{
		background-color: transparent;
		font-family: "hanyikaitijinan";
		border: none;
		text-align: center;
		margin-top: 1.5em;
		margin-bottom: 1em;
	}
	
	.defSimpleTpl .title-content .title-info{
		font-size: 1.3rem;
		line-height: 1.5em;
		font-weight: bold;
	}
	.defSimpleTpl .title-content .writer-info{
		font-size: 1.1rem;
		line-height: 1.1em;
	}
	.defSimpleTpl img.xq-bg-like{
		height: 220px;
		position: absolute;
		right: 1rem;
		bottom: 4rem;
		opacity: 0.4;
	}
</style>